<script></script>
<template>
<footer>
    <!-- 头部区域  -->
    <div class="ft-head w clearfix">
      <ul>
        <li>
          <a href="#">预约维修服务</a>
        </li>
        <li>
          <a href="#">7天无理由退货</a>
        </li>
        <li>
          <a href="#">15天免费换货</a>
        </li>
        <li>
          <a href="#">满69元包邮</a>
        </li>
        <li>
          <a href="#">1100余家售后网点</a>
        </li>
      </ul>
    </div>
    <!-- 结尾 -->
    <div class="ft-body w">
      <div class="ft-bl">
        <dl>
          <dt>选购指南</dt>
          <dd>手机</dd>
          <dd>电视家电</dd>
          <dd>笔记本</dd>
          <dd>平板</dd>
          <dd>穿戴</dd>
          <dd>耳机</dd>
        </dl>
        <dl>
          <dt>售后政策</dt>
          <dd>维修服务</dd>
          <dd>订单查询</dd>
          <dd>笔记本</dd>
          <dd>平板</dd>
          <dd>保障服务</dd>
          <dd>防伪查询</dd>
          <dd>F码通道</dd>
        </dl>
        <dl>
          <dt>小米之家</dt>
          <dd>服务网点</dd>
          <dd>线下门店</dd>
          <dd>授权体验店/专区</dd>
        </dl>
        <dl>
          <dt>关注我们</dt>
          <dd>新浪微博</dd>
          <dd>官方微信</dd>
          <dd>联系我们</dd>
          <dd>公益基金会</dd>
        </dl>
      </div>
      <div class="ft-br">
        <h1>400-100-5678</h1>
        <p>8:00-18:00 (仅收市话费)</p>
        <a href="#">人工客服</a>
      </div>
    </div>
  </footer>
</template>
<style>
/* 底部区域 */
footer {
  height: 472px;
  background-color: #fff;
}
.ft-head {
  border-bottom: 1px solid #ccc;
}
.ft-head ul {
  margin-left: 15px;
}
.ft-head ul li {
  font-size: 0;
  float: left;
  width: 242px;
  text-align: center;
  border-right: 1px solid #ccc;
  margin: 30px 0;
}
.ft-head ul li:last-child {
  border-right: none;
}
.ft-head ul li a {
  display: inline-block;
  font-size: 16px;
  color: #616161;
}
.ft-head ul li a:hover {
  color: #ff6700;
}
.ft-body {
  margin-top: 40px;
}
.ft-body .ft-bl {
  float: left;
  margin-left: 145px;
}
.ft-body .ft-bl dl {
  float: left;
  margin-right: 100px;
}
.ft-body .ft-bl dl dt {
  margin-bottom: 28px;
  font-size: 14px;
  color: #424242;
}
.ft-body .ft-bl dl dd {
  font-size: 12px;
  color: #757575;
  cursor: pointer;
  margin-top: 12px;
}
.ft-body .ft-br {
  float: right;
  width: 244px;
  height: 80px;
  border-left: 1px solid #ccc;
  text-align: center;
}
.ft-body .ft-br h1 {
  font-size: 18px;
  color: #ff6700;
}
.ft-body .ft-br p {
  font-size: 12px;
  margin: 5px 0;
}
.ft-body .ft-br a {
  display: inline-block;
  padding: 5px 30px;
  font-size: 14px;
  border: 1px solid #ff6700;
  color: #ff6700;
}

</style>